<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="bootstrap-4.6.1-dist/css/bootstrap-grid.css" rel="stylesheet" />
    <link rel="stylesheet" href="bootstrap-4.6.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="bootstrap-4.6.1-dist/css/bootstrap.css">
    <link href="css/Author.css" rel="stylesheet">
    <title>Document</title>
</head>

<body>

    <div class="container-fulid">
        <nav class="row navbar">
            <div class="col-md-12 header">
                <div class="col-md-3 header-left">
                    <div style="margin-top: 10px;">
                        <a href="Index.html">
                            <img src="Image/Logo.png" title="页面首页" alt="">
                        </a>
                    </div>

                    <div>
                        <ul>
                            <li>
                                <a href="#">博客</a>
                            </li>

                            <li>
                                <a href="#">学习</a>
                            </li>

                            <li>
                                <a href="#">问答</a>
                            </li>

                            <li>
                                <a href="#">社区</a>
                            </li>

                            <li>
                                <a href="#">插件</a>
                            </li>

                            <li>
                                <a href="#">开源</a>
                            </li>
                        </ul>
                    </div>

                </div>

                <div class="col-md-4 offset-md-1 header-middle">
                    <div class="input-group">
                        <input type="text" placeholder="请输入搜索内容">
                        <button>搜索</button>
                    </div>
                </div>

                <div class="col-md-3 offset-md-auto header-right">
                    <div>
                        <a href="Login.html">登录/注册</a>
                    </div>

                    <div>
                        <a href="#">浏览记录</a>
                    </div>

                    <div>
                        <a href="#">动态</a>
                    </div>

                    <div>
                        <a href="#">创作</a>
                    </div>

                </div>
            </div>
        </nav>
    </div>

    <div class="container-fulid">
        <div class="row body-pad">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-8 offset-md-2 Author" style="background-color: #FFFFFF;">
                        <div class="row Author-Info">

                            <div class="col-md-1 Author-Image">
                                <img src="Image/UserDefaultHead.png" alt="" style="width: 80px; height: 80px;">
                            </div>

                            <div class="col-md-9 Author-Desc">
                                <div>这里是作者的名字</div>
                                <div>这里是作者的描述</div>
                            </div>

                            <div class="col-md-2 Author-attention">
                                <a href="javascript:void(0);">关注</a>
                            </div>

                        </div>

                        <div class="row ">
                            <div class="col-md-11 offset-md-1">
                                <!-- <div>个人描述:这个人很懒，什么都没有留下~</div> -->
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>

        <div class="row Author-Body body-pad">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-2 offset-md-2 Author-left" style="background-color: #FFFFFF;">
                        <div class="row specialColumn">
                            <div class="col-md-12">
                                <a href="javascript:void(0);">
                                    <div>TA的专栏</div>
                                </a>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 User-column">
                                <div><a href="javascript:void(0);">—TA的专栏1</a></div>
                                <div><a href="javascript:void(0);">—TA的专栏1</a></div>
                                <div><a href="javascript:void(0);">—TA的专栏1</a></div>
                                <div><a href="javascript:void(0);">—TA的专栏1</a></div>
                                <div><a href="javascript:void(0);">—TA的专栏1</a></div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 Author-right" style="background-color: #FFFFFF;">
                        <div class="row">
                            <div class="col-md-12 Author-Content">
                                <div><a href="javascript:void(0);">文章</a></div>
                                <div><a href="javascript:void(0);">最近</a></div>
                                <div><a href="javascript:void(0);">资源</a></div>
                                <div><a href="javascript:void(0);">帖子</a></div>
                                <div><a href="javascript:void(0);">收藏</a></div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 Author-Right-Body">
                                <div class="row">
                                    <div class="col-md-12 Author-Article-Title">
                                        <div>
                                            <a href="#">这里是文章标题</a>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12 Author-Article-Content">
                                        <div>
                                            <a href="javascript:void(0);">
                                                前沿从本文开始进入了新阶段，学习初阶数据结构和算法，以纯C实现，本文主要学习时间复杂度与空间复杂度，内容包括:算法效率，时间复杂度，空间复杂度，常见时间和空间 复杂度的练习
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12 Author-Article-Button">
                                        <div>发布时间</div>
                                        <div>点赞数</div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12 Author-Right-Body">
                                <div class="row">
                                    <!-- 这里是文章标题 -->
                                    <div class="col-md-12 Author-Article-Title">
                                        <div>
                                            <a href="#">这里是文章标题</a>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12 Author-Article-Content">
                                        <div>
                                            <!-- 这里是文章内容 -->
                                            前沿从本文开始进入了新阶段，学习初阶数据结构和算法，以纯C实现，本文主要学习时间复杂度与空间复杂度，内容包括:算法效率，时间复杂度，空间复杂度，常见时间和空间 复杂度的练习
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12 Author-Article-Button">
                                        <!-- 这里是文章底部 -->
                                        <div>发布时间</div>
                                        <div>点赞数</div>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>

            </div>

        </div>

    </div>


    <script src="bootstrap-4.6.1-dist/js/jquery.js "></script>
    <script src="bootstrap-4.6.1-dist/js/bootstrap.js "></script>

</body>

</html>